<!--
 * @description: 
 * @Author: Islands
 * @Date: 2024-06-19 18:26:43
 * @LastEditTime: 2024-06-20 00:10:50
-->
<template>
  <el-container class="container active">
    <el-header class="header box_radius" />
    <el-container>
      <el-aside width="20%" class="aside box_radius" />
      <el-container>
        <el-main class="main box_radius padding-0" />
        <el-footer class="footer box_radius" />
      </el-container>
    </el-container>
  </el-container>
</template>
<style lang="scss" scoped>
.aside {
  background-color: var(--ep-color-primary);
  margin-right: 5px;
}
.header {
  height: 15px;
  background-color: var(--ep-color-primary);
  opacity: 0.5;
  margin-bottom: 2px;
}
.main {
  background-color: var(--ep-color-primary);
  opacity: 0.5;
  margin-bottom: 2px;
}
.footer {
  background-color: var(--ep-color-primary);
  opacity: 0.5;
  height: 15px;
}
.box_radius {
  border-radius: 5px;
}
</style>
